<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>移动婉静卡</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<link rel="stylesheet" href="https://static.91haoka.cn/vant.css" />
		<script src="https://static.91haoka.cn/vue.min.js"></script>
		<script src="https://static.91haoka.cn/vantall.js"></script>
		<script src="https://static.91haoka.cn/axios.min.js"></script>
		<link rel="stylesheet" type="text/css" href="https://static.91haoka.cn/all.css" />
		<link rel="stylesheet" href="https://photo.91haoka.cn/tuiguang/all.css?v=1.1">
		<script src="https://cdn.rockysports.cn/moment.js" type="text/javascript" charset="utf-8"></script>
		<script src="./peizhi31.js"></script>
	</head>
	

	<body>
		<div id="app" style="background:#8cd89d; min-height: 100vh;" v-cloak>
			
			<div class="top">
				<div class="topimg">
					<img :src="urlall.tou" @click="applog = true">
				</div>
			</div>
			<!-- <van-swipe style="height: 44px;  background: rgba(255, 255, 255, 0.1); " vertical :show-indicators="false" autoplay="1000" loop>
				  <van-swipe-item>李**抢得婉然卡  1秒钟前</van-swipe-item>
				  <van-swipe-item>孙**抢得婉然卡  2秒钟前</van-swipe-item>
				  <van-swipe-item>王**抢得婉然卡  3秒钟前</van-swipe-item>
				  <van-swipe-item>李**抢得婉然卡  5秒钟前</van-swipe-item>
				  <van-swipe-item>孙**抢得婉然卡  6秒钟前</van-swipe-item>
				  <van-swipe-item>王**抢得婉然卡  6秒钟前</van-swipe-item>
				  <van-swipe-item>于**抢得婉然卡  7秒钟前</van-swipe-item>
				  <van-swipe-item>李**抢得婉然卡  10秒钟前</van-swipe-item>
				  <van-swipe-item>孙**抢得婉然卡  11秒钟前</van-swipe-item>
				  <van-swipe-item>王**抢得婉然卡  12秒钟前</van-swipe-item>
				  <van-swipe-item>于**抢得婉然卡  12秒钟前</van-swipe-item>
				  <van-swipe-item>李**抢得婉然卡  13秒钟前</van-swipe-item>
				  <van-swipe-item>孙**抢得婉然卡  14秒钟前</van-swipe-item>
				  <van-swipe-item>王**抢得婉然卡  15秒钟前</van-swipe-item>
				  <van-swipe-item>于**抢得婉然卡  3秒钟前</van-swipe-item>
			</van-swipe> -->
			<div style="padding: 0.2rem 0.3rem;">
				<div style="background: rgba(0, 0, 0, 0.3); border-radius:5px; padding:0.3rem; ">
					<div class="flex shurukuang" >
						<div style="width: 2rem; overflow:hidden;"><span style="color:#f00; margin-right: 3px;">*</span>办理人姓名</div>
						<div class="shurukuang2">
							<van-field v-model="all.id_name" placeholder="请输入办理人姓名" />
						</div>
					</div>
					<div class="flex shurukuang" >
						<div style="width: 2rem; overflow:hidden;"><span style="color:#f00; margin-right: 3px;">*</span>联系电话</div>
						<div class="shurukuang2">
							<van-field v-model="all.mobile" type="tel" placeholder="请输入联系电话" />
						</div>
					</div>
					
					<div v-if="all.id_name && all.mobile.length == 11">
						<div>
							<div class="flex shurukuang" >
								<div style="width: 2rem; overflow:hidden;"><span style="color:#f00; margin-right: 3px;">*</span>身份证号</div>
								<div class="shurukuang2">
									<van-field v-model="all.id_num" placeholder="请输入身份证号" />
								</div>
							</div>
						</div>
						
						<!-- <div>
							<div class="flex shurukuang" v-if="!peizhi.shouhuorenxingming">
								<div style="width: 1.6rem; overflow:hidden;">收货人</div>
								<div class="shurukuang2">
									<van-field v-model="all.name" placeholder="请输入收货人" />
								</div>
							</div>
						</div> -->
										
						<div class="flex shurukuang" >
							<div style="width: 2rem; overflow:hidden;"><span style="color:#f00; margin-right: 3px;">*</span>所在地区</div>
							<div class="shurukuang2" style=" line-height:44px; position:relative;" @click="showPopup">
								<div class="where">{{shengshiqu}}
									<van-icon name="arrow" size="14" style="position: absolute; top: 0px; line-height:44px; right:0;" />
								</div>
							</div>
						</div>
						
						<div class="flex shurukuang" >
							<div style="width: 2rem; overflow:hidden;"><span style="color:#f00; margin-right: 3px;">*</span>详细地址</div>
							<div class="shurukuang2">
								<van-field v-model="all.address" placeholder="请输入详细地址" />
							</div>
						</div>
				
					</div>
					
					<div class="dong" v-if="tijiaoing" @click="tijiao">免费领取 包邮到家</div>
					<div class="dong" v-if="!tijiaoing">提交订单中...</div>
					
					<div style="font-size: 12px; margin: 0.2rem 0rem; display: flex; flex-wrap: wrap; align-items: center;" >
						<!-- <van-checkbox v-model="checked" style="margin-right: 0.1rem; font-size: 12px; color: #fff;">我已阅读并同意</van-checkbox> -->
						<van-icon style="margin-bottom: 0.2rem;" name="circle" size="16px" color="#fff" v-if="!checked" @click="checked = !checked"></van-icon>
						<van-icon style="margin-bottom: 0.2rem;" name="checked" size="16px" color="#e1cc40" v-if="checked"  @click="checked = !checked" ></van-icon>
						<span style="color: #fff; margin-left: 0.1rem;margin-bottom: 0.2rem;">我已阅读并同意</span>
						<!-- <span style="color: #e1cc40;font-size: 12px;margin-bottom: 0.2rem;" @click="log1 = true">《实名制信息安全责任告知书》</span> -->
						<span style="color: #e1cc40;font-size: 12px; margin-bottom: 0.1rem;" @click="log2show">《实名制信息安全责任告知书、中国移动通信客户服务协议》</span>
						<span style="color: #e1cc40;font-size: 12px;margin-bottom: 0.2rem;" @click="log3 = true">《关于客户个人信息收集、使用及保护的公告》</span>
					</div>
					
					
				</div>
				<!-- <div class="daojishi" style="margin-top: 0.2rem;">
					<div style="font-size: 20px;">即刻领取</div>
					<van-count-down style="color: #fff; font-size: 20px; font-family: 'Courier New', Courier, monospace; position: relative; top: 2px;" millisecond :time="time" format="mm:ss:SS" />
				</div> -->
				
			</div>
			
				
			
			
			
			<div class="top" style="margin-top: 0.2rem; position: relative;">
				<div class="topimg">
					<img src="wei121.jpg">
				</div>
				<a href="https://photo.91haoka.cn/tuiguang/wendang.jpg" style="position: absolute; display: block; bottom: 0.6rem; left: 3.2rem; width: 1.5rem;  height: 0.5rem;">
					
				</a>
			</div>
			<div style="padding: 0.3rem; color: #fff;">
				<div style="text-align: center; padding-bottom: 0.2rem; font-size: 16px;" class="flexcc" @click="guizeshow = !guizeshow">规则详情<van-icon name="arrow-down" style="margin-left:10px;" /></div>
				<div v-if="guizeshow">
				<div>1、宝藏卡39元档新入网用户免收首月套餐费（激活当日起至当月底），套餐内专属流量、亲情网优惠全量提供，次月起全额收取39元/月。
				</div><div>2、宝藏卡39元档套餐内包含5GB通用流量和30GB专属流量月包，专属流量范围包括中国移动精品APP及阿里系、百度系、抖音系、网易游戏、腾讯系、芒果TV、快手、喜马拉雅、新浪微博、VIVO等超过100款第三方热门APP。具体支持专属流量的APP清单随中国移动业务合作情况或将发生变动，以订购页面具体内容为准。
				</div><div>3、宝藏卡39元档套外通用流量5元1G，当月有效。专属流量均不可结转、不可转赠、不可共享。每月总流量（含通用流量、专属流量）使用上限以各省规则为准，次月初自动恢复。
				</div><div>4、宝藏卡39元档套外语音资费0.1元/分钟，免费接听；国内点对点短信0.1元/条，包含来电显示。
				</div><div>5、建议使用专属流量包前将APP升级至最新版本，请在WIFI功能关闭下使用专属流量功能，避免WIFI和移动网络频繁切换导致专属流量服务启动失败。客户端不包含在“专属流量”内的使用范围，特别说明如下：
				</div><div>① 客户端启动、登录；客户端内的插播广告（图片、文字及视频）、内嵌H5页面、弹幕，第三方的广告，直播或主播类视频，K歌功能，语音及视频聊天，在线观看和下载缓存的第三方视频等。
				</div><div>②手机号码处于国际或港澳台地区漫游状态下产生的流量。
				</div><div>③利用手机设置代理服务器或VPN等方式，访问APP所产生的流量。
				</div><div>④用无线上网卡、平板电脑、CPE、MIFI等非手机设备使用产生的流量。
				</div><div>⑤使用CMWAP接入点方式，访问视频APP所产生的流量。
				</div><div>⑥当宝藏卡号码作为热点使用时，网络不稳定可能会出现专属流量和通用流量交错使用的情况。
				</div><div>6、宝藏卡内包含全国亲情网3个亲情号码（含主号4人）国内畅聊，您可在中国移动APP开通全国亲情网（统付版）并添加亲情号码。
				</div><div>7、上述资费适用范围不含港澳台地区。
				</div><div>8、同一身份证在30天内能够购买一个号码，号卡仅寄送本省，需本人持身份证当面激活。因国家政策原因部分地址可能无法配送。号卡受理结果以系统实际返回结果为准。
				</div><div>9、为了保障通信秩序，对于申请人信息、年龄、IP、联系方式、联系地址相近或异常等疑似重复购买或异常订购的订单，可能不予发货。
				</div><div>10、根据国家实名制相关规定，请保证所购号卡为本人使用，不得转售、倒卖号卡。
				</div><div>11、为降低您接收境外诈骗短信风险，按上级主管部门要求，中国移动为您提供按需开通国际及港澳台短信接收、电话接听功能的服务。若您需要开通“国际及港澳台短信接收”或国际及港澳台来话接听”功能，可分别发送“KTGJDX”或“KTGJLH”到10086办理，也可通过10086热线、中国移动APP等渠道开通相关功能。
				</div><div>12、广东为灵活账期省份，首月免月费优惠参考客户实际账期规则。
				</div><div>13、其它未尽事宜，详询10086。 </div>
				<div style="font-size: 12px; text-indent: 24px;">
				<div style="text-align: center;">专属流量使用APP清单
				</div><div>中国移动精品APP：咪咕视频、咪咕音乐、咪咕阅读、咪咕快游、MM应用商城、和彩云
				</div><div>阿里系：优酷视频、手机淘宝、手机天猫、支付宝、钉钉、口碑、闲鱼、聚划算、蚂蚁财富、点淘。
				</div><div>百度系：百度、爱奇艺、百度地图、手机助手、百度输入法、好看视频、百度贴吧、百度文库、百度翻译、百度百科、秒懂百科、百度知道、百度网盘、爱奇艺随刻、爱奇艺泡泡、爱奇艺奇巴布、爱奇艺知识、爱奇艺漫画、奇秀、电视果。
				</div><div>抖音系：抖音及其极速版或lite版、头条及其极速版或lite版、抖音火山版、西瓜、半次元、图虫、皮皮虾、番茄畅听、懂车帝、FaceU激萌、轻颜相机、飞书、飞聊、多闪、gogokid、时光相册。
				</div><div>网易系：网易云音乐、网易游戏（一梦江湖、大话西游、大唐无双、第五人格、非人学园、孤岛先锋、光明大陆、花与剑、荒野行动、决战平安京、流星蝴蝶剑、率土之滨、梦幻西游、梦幻西游3D、梦幻西游无双、秘境对决、明日之后、倩女幽魂、权力与纷争、神都夜行录、实况足球、坦克世界闪击战、天下、天谕手游、阴阳师、永远的七日之都、战国志、终结战场、镇魔曲、三国如龙传、量子特攻、大航海之路）。
				</div><div>腾讯系: 手机QQ、腾讯视频、和平精英、QQ音乐、酷狗音乐、酷我音乐、手游加速器。
				</div><div>vivo：vivo应用商店、vivo游戏中心、i音乐、i主题、vivo官网、vivo商城
				</div><div>其他：哔哩哔哩、快手、芒果TV、喜马拉雅、新浪微博、网易云音乐。
				</div><div>后续根据合作拓展情况，纳入免流的APP范围将做相应的补充调整，具体以页面宣传为准。
				</div><div>免流使用范围：
				</div><div>建议使用专属流量包前将APP升级至最新版本，请在WIFI功能关闭下使用专属流量功能，避免WIFI和移动网络频繁切换导致专属流量服务启动失败。客户端不包含在“专属流量”内的适用范围，特别说明如下：
				</div><div>① 客户端启动、登录；客户端内的插播广告（图片、文字及视频）、弹幕，第三方的广告或直播、主播类视频，语音及视频聊天，在线观看和下载缓存的第三方视频等。
				</div><div>②手机号码处于国际或港澳台地区漫游状态下产生的流量。
				</div><div>③利用手机设置代理服务器或VPN等方式，访问APP所产生的流量。
				</div><div>④用无线上网卡、平板电脑、CPE、MIFI等非手机设备使用产生的流量。
				</div><div>⑤使用CMWAP接入点方式，访问视频APP所产生的流量。
				</div><div>⑥当号码作为热点使用时，网络不稳定可能会出现专属流量和通用流量交错使用的情况。</div>
				</div>
				</div>
				
			</div>
			<div class="top" style="margin-top: 0.2rem; position: relative;">
				<div class="topimg">
					<img src="wei122.jpg">
				</div>
			</div>
			
			
			<!-- <div style="padding: 0.3rem; color: #fff;">
				<div style="text-align: center; padding-bottom: 0.2rem; font-size: 16px;" class="flexcc" @click="guizeshow = true">规则详情<van-icon name="arrow-down" style="margin-left:10px;" /></div>
				<div v-if="guizeshow">
					<div>1、宝藏卡39元档新入网用户免收首月套餐费（激活当日起至当月底），套餐内专属流量、亲情网优惠全量提供，次月起全额收取39元/月。
					</div><div>2、宝藏卡39元档套餐内包含5GB通用流量和30GB专属流量月包，专属流量范围包括中国移动精品APP及阿里系、百度系、抖音系、网易游戏、腾讯系、芒果TV、快手、喜马拉雅、新浪微博、VIVO等超过100款第三方热门APP。具体支持专属流量的APP清单随中国移动业务合作情况或将发生变动，以订购页面具体内容为准。
					</div><div>3、宝藏卡39元档套外通用流量5元1G，当月有效。专属流量均不可结转、不可转赠、不可共享。每月总流量（含通用流量、专属流量）使用上限以各省规则为准，次月初自动恢复。
					</div><div>4、宝藏卡39元档套外语音资费0.1元/分钟，免费接听；国内点对点短信0.1元/条，包含来电显示。
					</div><div>5、建议使用专属流量包前将APP升级至最新版本，请在WIFI功能关闭下使用专属流量功能，避免WIFI和移动网络频繁切换导致专属流量服务启动失败。客户端不包含在“专属流量”内的使用范围，特别说明如下：
					</div><div>① 客户端启动、登录；客户端内的插播广告（图片、文字及视频）、内嵌H5页面、弹幕，第三方的广告，直播或主播类视频，K歌功能，语音及视频聊天，在线观看和下载缓存的第三方视频等。
					</div><div>②手机号码处于国际或港澳台地区漫游状态下产生的流量。
					</div><div>③利用手机设置代理服务器或VPN等方式，访问APP所产生的流量。
					</div><div>④用无线上网卡、平板电脑、CPE、MIFI等非手机设备使用产生的流量。
					</div><div>⑤使用CMWAP接入点方式，访问视频APP所产生的流量。
					</div><div>⑥当宝藏卡号码作为热点使用时，网络不稳定可能会出现专属流量和通用流量交错使用的情况。
					</div><div>6、宝藏卡内包含全国亲情网3个亲情号码（含主号4人）国内畅聊，您可在中国移动APP开通全国亲情网（统付版）并添加亲情号码。
					</div><div>7、上述资费适用范围不含港澳台地区。
					</div><div>8、同一身份证在30天内能够购买一个号码，号卡仅寄送本省，需本人持身份证当面激活。因国家政策原因部分地址可能无法配送。号卡受理结果以系统实际返回结果为准。
					</div><div>9、为了保障通信秩序，对于申请人信息、年龄、IP、联系方式、联系地址相近或异常等疑似重复购买或异常订购的订单，可能不予发货。
					</div><div>10、根据国家实名制相关规定，请保证所购号卡为本人使用，不得转售、倒卖号卡。
					</div><div>11、为降低您接收境外诈骗短信风险，按上级主管部门要求，中国移动为您提供按需开通国际及港澳台短信接收、电话接听功能的服务。若您需要开通“国际及港澳台短信接收”或国际及港澳台来话接听”功能，可分别发送“KTGJDX”或“KTGJLH”到10086办理，也可通过10086热线、中国移动APP等渠道开通相关功能。
					</div><div>12、广东为灵活账期省份，首月免月费优惠参考客户实际账期规则。
					</div><div>13、其它未尽事宜，详询10086。 </div>
				</div>
				
			</div> -->
			
			

			<van-popup v-model="show" position="bottom">
				<van-area :area-list="areaList" :columns-placeholder="['请选择', '请选择', '请选择']" @confirm="queren" @cancel="quxiao" />
			</van-popup>
			<van-popup v-model="log1" style="width: 90%; height: 60vh;  padding: 0.3rem;">
				<div class="fz" style=" text-indent: 24px;">
					<div style="text-align: center; text-indent: 24px;">实名制信息安全责任</div>
					<div>告知书</div>
					<div>尊敬的客户：</div>
					<div>感谢您选择中国移动！当您在办理移动号码入网时，请您确保这是您本人的自愿行为，且为您自己使用而办理，不是在他人要求或指使下办理，不是办理后给他人使用。
					同时特别提醒您：您应持本人身份证原件办理号码入网，您对本号码拥有使用权。根据国家公安部等五部委《关于依法严厉打击惩戒治理非法买卖电话卡银行卡违法犯罪活动的通告》，入网号码必须实名登记，且不得将号卡租借、贩卖或以任何方式提供给他人。如您的号码被他人利用发生涉恐、诈骗、骚扰等非法违规行为，您将承担本号码项下产生的所有责任，请您确保规范使用您的号码。
					</div>
					<div>中国移动通信集团销售分公司</div>
				</div>
			</van-popup>
			<van-popup v-model="log2" style="width: 90%; height: 60vh;  padding: 0.3rem;">
				<div style="font-size: 12px; text-indent: 24px;">
					<div class="fz" style=" text-indent: 24px;">
						<div style="text-align: center; text-indent: 24px;">实名制信息安全责任</div>
						<div>告知书</div>
						<div>尊敬的客户：</div>
						<div>感谢您选择中国移动！当您在办理移动号码入网时，请您确保这是您本人的自愿行为，且为您自己使用而办理，不是在他人要求或指使下办理，不是办理后给他人使用。
						同时特别提醒您：您应持本人身份证原件办理号码入网，您对本号码拥有使用权。根据国家公安部等五部委《关于依法严厉打击惩戒治理非法买卖电话卡银行卡违法犯罪活动的通告》，入网号码必须实名登记，且不得将号卡租借、贩卖或以任何方式提供给他人。如您的号码被他人利用发生涉恐、诈骗、骚扰等非法违规行为，您将承担本号码项下产生的所有责任，请您确保规范使用您的号码。
						</div>
						<div>中国移动通信集团销售分公司</div>
					</div>
					
					<div v-html="xieyi" style="margin-top: 30px;"></div>
				</div>
			</van-popup>
			<van-popup v-model="log3" style="width: 90%; height: 60vh;  padding: 0.3rem;">
				<div style="font-size: 12px; text-indent: 24px;">
					<div style="text-align: center;">关于客户个人信息收集、使用及保护的公告
					
					</div><div>尊敬的客户：
					      </div><div>根据《全国人民代表大会常务委员会关于加强网络信息保护的决定》、《电信和互联网用户个人信息保护规定》（工业和信息化部令第24号）、《电话用户真实身份信息登记规定》（工业和信息化部令第25号）等法律法规、规定的相关要求，客户在我公司办理移动电话等各类业务的入网、过户以及需要出示客户证件有关业务时，应配合出示本人有效证件原件并进行登记，登记信息包括客户姓名、证件类型号码及地址等。
					       </div><div>在切实做好用户资料保密的前提下，为更好的为客户提供服务，在保障客户权益的前提下，我公司将合理使用客户的客户资料。为向客户提供更为优质、个性化的服务，公司将通过业务受理系统登记、纸质返档，通过网络接收、读取并记录等方式，收集客户个人信息；使用收集的客户个人信息用于服务通知、服务改进、业务提醒、以及其他经客户许可的用途。我公司将对在提供服务过程中收集、使用的客户个人信息履行保护义务。
					
					</div><div>中国移动通信集团浙江有限公司</div>
				</div>
			</van-popup>
			<van-popup v-model="jiazaizhong" :close-on-click-overlay="false"><van-loading type="spinner" color="#fff" /></van-popup>
			
			<van-popup v-model="querenshow" :close-on-click-overlay="false" class="xieyi">
				<span style="color: #000;">我已阅读并同意</span>
				<!-- <span style="color: #1989fa;font-size: 12px; margin-bottom: 0.1rem;" @click="log1 = true">《实名制信息安全责任告知书》</span> -->
				<span style="color: #1989fa;font-size: 12px; margin-bottom: 0.1rem;"  @click="log2show">《实名制信息安全责任告知书、中国移动通信客户服务协议》</span>
				<span style="color: #1989fa;font-size: 12px; margin-bottom: 0.1rem;" @click="log3 = true">《关于客户个人信息收集、使用及保护的公告》</span>

				<div style="display: flex; justify-content: flex-end; margin-top: 0.5rem;">
					<div style="border: 1px #eaeaea solid; color: #000; padding: 0.1rem 0.2rem; margin: 0.1rem;" @click="querenshow = false">取消</div>
					<div style="border: 1px #1989fa solid; background: #1989fa; color: #fff; padding: 0.1rem 0.2rem; margin: 0.1rem;" @click="tongyi">同意</div>
				</div>
			</van-popup>
			
			<van-popup v-model="lianxikefushow" :close-on-click-overlay="false" class="xieyi">
				<div style="color: #000; text-align: center;">您已成功下单，请勿重复提交</div>

				<div style="display: flex; justify-content: center; margin-top: 0.5rem;">
					<div style="border: 1px #eaeaea solid; color: #000; padding: 0.1rem 0.2rem; margin: 0.1rem;" @click="lianxikefushow = false">关闭</div>
					<div style="border: 1px #1989fa solid; background: #1989fa; color: #fff; padding: 0.1rem 0.2rem; margin: 0.1rem;" @click="lianxikefu">联系客服查询</div>
				</div>
			</van-popup>
			
			<van-popup v-model="applog" style="width: 90%; height: 60vh;  padding: 0.3rem;">
				<div style="font-size: 12px; text-indent: 24px;">
				<div style="text-align: center;">专属流量使用APP清单
				</div><div>中国移动精品APP：咪咕视频、咪咕音乐、咪咕阅读、咪咕快游、MM应用商城、和彩云
				</div><div>阿里系：优酷视频、手机淘宝、手机天猫、支付宝、钉钉、口碑、闲鱼、聚划算、蚂蚁财富、点淘。
				</div><div>百度系：百度、爱奇艺、百度地图、手机助手、百度输入法、好看视频、百度贴吧、百度文库、百度翻译、百度百科、秒懂百科、百度知道、百度网盘、爱奇艺随刻、爱奇艺泡泡、爱奇艺奇巴布、爱奇艺知识、爱奇艺漫画、奇秀、电视果。
				</div><div>抖音系：抖音及其极速版或lite版、头条及其极速版或lite版、抖音火山版、西瓜、半次元、图虫、皮皮虾、番茄畅听、懂车帝、FaceU激萌、轻颜相机、飞书、飞聊、多闪、gogokid、时光相册。
				</div><div>网易系：网易云音乐、网易游戏（一梦江湖、大话西游、大唐无双、第五人格、非人学园、孤岛先锋、光明大陆、花与剑、荒野行动、决战平安京、流星蝴蝶剑、率土之滨、梦幻西游、梦幻西游3D、梦幻西游无双、秘境对决、明日之后、倩女幽魂、权力与纷争、神都夜行录、实况足球、坦克世界闪击战、天下、天谕手游、阴阳师、永远的七日之都、战国志、终结战场、镇魔曲、三国如龙传、量子特攻、大航海之路）。
				</div><div>腾讯系: 手机QQ、腾讯视频、和平精英、QQ音乐、酷狗音乐、酷我音乐、手游加速器。
				</div><div>vivo：vivo应用商店、vivo游戏中心、i音乐、i主题、vivo官网、vivo商城
				</div><div>其他：哔哩哔哩、快手、芒果TV、喜马拉雅、新浪微博、网易云音乐。
				</div><div>后续根据合作拓展情况，纳入免流的APP范围将做相应的补充调整，具体以页面宣传为准。
				</div><div>免流使用范围：
				</div><div>建议使用专属流量包前将APP升级至最新版本，请在WIFI功能关闭下使用专属流量功能，避免WIFI和移动网络频繁切换导致专属流量服务启动失败。客户端不包含在“专属流量”内的适用范围，特别说明如下：
				</div><div>① 客户端启动、登录；客户端内的插播广告（图片、文字及视频）、弹幕，第三方的广告或直播、主播类视频，语音及视频聊天，在线观看和下载缓存的第三方视频等。
				</div><div>②手机号码处于国际或港澳台地区漫游状态下产生的流量。
				</div><div>③利用手机设置代理服务器或VPN等方式，访问APP所产生的流量。
				</div><div>④用无线上网卡、平板电脑、CPE、MIFI等非手机设备使用产生的流量。
				</div><div>⑤使用CMWAP接入点方式，访问视频APP所产生的流量。
				</div><div>⑥当号码作为热点使用时，网络不稳定可能会出现专属流量和通用流量交错使用的情况。</div>
				</div>
			</van-popup>
		</div>




		<script>
			var h = document.documentElement.clientWidth / 7.5 + 'px';
			document.documentElement.style.fontSize = h;

			
			new Vue({
				el: '#app',
				data: function() {
					return {
						guizeshow:false,
						applog:false,
						urlall:{
							tou:'https://photo.91haoka.cn/tuiguang/tou12.jpg?v='+Math.random(),
							wei:'https://photo.91haoka.cn/tuiguang/wei12.jpg?v='+Math.random()
						},
						lianxikefushow:false,
						time: 3 * 60 * 1000,
						querenshow:false,
						tijiaoing:true,
						jiazaizhong:false,
						log1:false,
						log2:false,
						log3:false,
						checked:false,
						areaList: "",
						shengshiqu: "点击选择所在地区",
						show: false,
						yzm: "获取验证码",
						yzmnum: 60,
						yzmuse: false,
						
						apis:"",
						peizhi:"",
						item:"",
						all:{
							id:"4074809",
							id_name:"",
							id_num:"",
							name:"",
							mobile:"",
							code:"",
							address:"",
							province:"",
							city:"",
							district:"",
							source:"",//	来源	是	string	页面拼接
							source_id:""//	20230324111111	是	string	date(‘ymdhis’)+4位随机数
						},
						xieyi:""
						
					}
				},
				async created() {
					await axios.get("https://photo.91haoka.cn/tuiguang/areanew.json")
						.then(response=> {
							this.areaList = response.data
						})
					this.all.source = this.getUrlParam('source')
					
					this.all.source_id = moment().format('YYYYMMDDhhmmss') + (Math.random().toFixed(4)*10000).toString()
					console.log(this.all.source_id )
				},
				mounted() {
					
				},
				methods: {
					log2show:function(){
						if (!this.all.province) {
							vant.Toast("请填写地址");
							return;
						}else{
							if(this.all.province == '甘肃省'){
								this.xieyi = gansu
							}
							if(this.all.province == '青海省'){
								this.xieyi = qinghai
							}
							if(this.all.province == '宁夏回族自治区'){
								this.xieyi = ningxia
							}
							if(this.all.province == '新疆维吾尔自治区'){
								this.xieyi = xinjiang
							}
							if(this.all.province == '北京市'){
								this.xieyi = beijing
							}
							if(this.all.province == '天津市'){
								this.xieyi = tianjin
							}
							if(this.all.province == '河北省'){
								this.xieyi = hebei
							}
							if(this.all.province == '山西省'){
								this.xieyi = shanxi2
							}
							if(this.all.province == '内蒙古自治区'){
								this.xieyi = neimenggu
							}
							if(this.all.province == '吉林省'){
								this.xieyi = jilin
							}
							if(this.all.province == '黑龙江省'){
								this.xieyi = heilongjiang
							}
							if(this.all.province == '上海市'){
								this.xieyi = shanghai
							}
							if(this.all.province == '江苏省'){
								this.xieyi = jiangsu
							}
							if(this.all.province == '浙江省'){
								this.xieyi = zhejiang
							}
							if(this.all.province == '安徽省'){
								this.xieyi = anhui
							}
							if(this.all.province == '福建省'){
								this.xieyi = fujian
							}
							if(this.all.province == '江西省'){
								this.xieyi = jiangxi
							}
							if(this.all.province == '河南省'){
								this.xieyi = henan
							}
							if(this.all.province == '湖北省'){
								this.xieyi = hubei
							}
							if(this.all.province == '湖南省'){
								this.xieyi = hunan
							}
							if(this.all.province == '广东省'){
								this.xieyi = guangdong
							}
							if(this.all.province == '广西壮族自治区'){
								this.xieyi = guangxi
							}
							if(this.all.province == '海南省'){
								this.xieyi = hainan
							}
							if(this.all.province == '重庆市'){
								this.xieyi = chongqing
							}
							if(this.all.province == '四川省'){
								this.xieyi = sichuan
							}
							if(this.all.province == '贵州省'){
								this.xieyi = guizhou
							}
							if(this.all.province == '云南省'){
								this.xieyi = yunnan
							}
							if(this.all.province == '西藏自治区'){
								this.xieyi = xizang
							}
							if(this.all.province == '陕西省'){
								this.xieyi = shanxi
							}
							
							this.log2 = true
						}
						
					},
					lianxikefu:function(){
						window.location.href = 'https://work.weixin.qq.com/kfid/kfc03072011963d1f67'
					},
					//国政通
					guozhengtong: function() {
						this.tijiaoing = false
						return new Promise((res,rej)=>{
							let buhuidehua = setTimeout(()=>{
								console.log('没回复，直接下单')
								res('ok')
							},5000)
							axios.post(`${this.apis}/api/ocheck`,{
								name:this.all.id_name,
								id_num:this.all.id_num,
								id:this.all.id
							}).then(response => {
									if (response.data.msg.code == 0) {
										if(response.data.data == 'success'){
											console.log('回复，国政通success')
											clearTimeout(buhuidehua)
											res('ok')
										}else{
											console.log('回复，国政通fail')
											clearTimeout(buhuidehua)
											this.tijiaoing = true
											vant.Toast('请填写正确的姓名和身份证号码');
										}
									} else {
										console.log('回复，国政通报错')
										clearTimeout(buhuidehua)
										this.tijiaoing = true
										vant.Toast(response.data.msg.info);
									}			
								})
						})
					},
					
					tongyi:function(){
						this.checked = true
						this.querenshow = false
					},
					xuanzhong:function(t){
						this.checked = true
					},

					//获取url的code用
					getUrlParam: function(name) {
						var query = window.location.search.substring(1);
						var vars = query.split("&");
						for (var i = 0; i < vars.length; i++) {
							var pair = vars[i].split("=");
							if (pair[0] == name) {
								return pair[1];
							}
						}
						return (false);
					},

					//弹出省市区
					showPopup: function() {
						this.show = true
					},
					//省市区确认
					queren: function(v) {
						if (!v[0].code || !v[1].code || !v[2].code) {
							vant.Toast('请完整选择省市区');
							return false
						}
						this.all.province = v[0].name
						this.all.provincecode = v[0].code
						this.all.city = v[1].name
						this.all.citycode = v[1].code
						this.all.district = v[2].name
						this.all.districtcode = v[2].code
						
						this.shengshiqu = this.all.province + '  ' + this.all.city + '  ' + this.all.district
						
						this.show = false
					},
					//省市区取消
					quxiao: function() {
						this.show = false
					},
					
					tijiaogo:function(){
						var that = this
						axios.post(`${this.apis}/api/ooo`, this.all)
							.then(response=> {
								if (response.data.msg.code == 0) {
									window.location.href = './success.html'
									setTimeout(()=>{
										this.tijiaoing = true
									},100)
								} else {
									if(response.data.msg.code == 11){
										this.lianxikefushow = true
										this.tijiaoing = true
										this.all.id_name = ''
										this.all.id_num = ''
									}else{
										vant.Toast(response.data.msg.info);
										this.tijiaoing = true
									}
								}
		
							})
					},
					tijiao: function() {

						if(this.all.id_name == ''){
							vant.Toast("请填写姓名！");
							return false
						}
						this.all.name = this.all.id_name
						if(!/^1[3-9]\d{9}$/.test(this.all.mobile)){
							vant.Toast("请输入正确手机号");
							return false;
						}
						
						if (!/^[1-9]\d{5}(19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[12]\d|3[01])\d{3}[0-9Xx]$/.test(this.all.id_num)) {
							vant.Toast("请填写正确身份证号码！");
							return false
						}
						

						if (!this.all.address || !this.all.province) {
							vant.Toast("请填写地址");
							return;
						}
						
						if(!this.checked){
							this.querenshow = true
							return false
						}
						
						let p = this.guozhengtong()
						p.then(res=>{
							this.tijiaogo()
						})
						
						
					}
				}
			});
		</script>
	</body>

</html>
